<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="../img/login/title.png">
    <title>河北工业职业技术学院</title>
    <link rel="stylesheet" href="../css/home/home.css">
    <link rel="stylesheet" href="../css/total/head.css">
    <link rel="stylesheet" href="../css/total/left.css">
    <link rel="stylesheet" href="../css/total/total.css">
    <link rel="stylesheet" href="../css/home/CompanyForm.css">
    <link rel="stylesheet" href="../css/home/OtherForm.css">
    <link rel="stylesheet" href="../css/home/box.css">
    <!--引入css插件-->
    <link rel="stylesheet" href="../css/font-awesome/leftcss/font-awesome.css">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <!--引入js插件-->
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/template/template.js"></script>
    <script type="text/javascript" src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../lib/check/jquery-1.7.2.min.js"></script>
    <!--<script type="text/javascript" src="../lib/check/checkcode.js"></script>-->
    <!--引入页面的js-->
    <script type="text/javascript" src="../js/control/home/modal.js"></script>
    <script type="text/javascript" src="../js/control/register/newImgs.js"></script>
    <script type="text/javascript" src="../sea-modules/seajs/2.2.0/sea.js"></script>
    <script>
        seajs.config({
            alias: {
                'jquery': '../sea-modules/jquery/jquery/1.10.1/jquery',
                'part':'../js/modules/mainPart'
            }
        });
        seajs.use(['jquery', 'part'], function ($, e) {
            $(document).ready(function () {
                e.part();
            });
        });
    </script>
</head>
<body>
<div id="wrap">
    <!--头部-->
    <div id="header-cont"></div>
    <div class="leftArea" style="position: absolute;top: 74px"></div>
    <div>
        <div id="mainbody">
            <div id="main-cont">
                <!--与主体头同级，中间列表部分-->
                <div class="form-company">
                    <div class="form-company-box">
                        <p class="company-information">School information</p>
                        <div class="base-info">
                            <div class="base-info-header">
                                <p class="form-font company-message">学校信息</p>
                                <img id="edit-btn-one" class="edit-btn" src="../img/home/edit.png" data-toggle="modal">
                            </div>
                            <div class="edit-form">
                                <div class="edit-form-cont">
                                    <div class="words-cont form-font">
                                        <div class="InfoList"></div>
                                    </div>
                                    <!--以上为表的左侧-->
                                    <div class="img-info-box">
                                        <div class="img-info">
                                            <span class="img-info-logo form-font">学校logo：</span>
                                            <img class="logo-img" src="../img/login/title.png">
                                        </div>
                                        <div class="company-img">
                                            <span class="form-font">学校环境图：</span>
                                            <div class="company-img-box">
                                                <div class="company-pic1">
                                                    <span class="left pro-back-arrow  fa fa-angle-left fa-3x"></span>
                                                </div>
                                                <div class="con1">
                                                    <ul style="margin: 0;padding: 0">
                                                        <li><img src="../img/school/11920.jpg"></li>
                                                        <li><img src="../img/school/20899.jpg"></li>
                                                        <li><img src="../img/school/20903.jpg"></li>
                                                        <li><img src="../img/school/20905.jpg"></li>
                                                        <li><img src="../img/school/20901.JPG"></li>
                                                    </ul>
                                                </div>
                                                <div class="company-pic2">
                                                    <span onclick="" class="right pro-back-arrow  fa fa-angle-right fa-3x"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="other-info-box">
                        <div class="Other-info">
                            <div class="company-other">
                                <p class="Cor-title">Corporate information</p>
                                <div class="Cor-form">
                                    <div class="base-info-header">
                                        <p class="form-font company-message">相关信息</p>
                                        <img id="edit-btn-two" class="edit-btn" src="../img/home/edit.png" data-toggle="modal">
                                    </div>
                                    <div class="Corporate-box">
                                        <div class="legal-infoList"></div>
                                        <div class="business-license-box">
                                            <span class="license-font">学校营业执照照片：</span>
                                            <div class="license-img-box">
                                                <img src="../img/user.png">
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <div class="user-info-box">
                                <p class="company-information">Contact information</p>
                                <div class="base-user-info">
                                    <div class="base-info-header">
                                        <p class="form-font company-message">管理员信息</p>
                                        <img id="edit-btn-three" class="edit-btn" src="../img/home/edit.png" data-toggle="modal">
                                    </div>
                                    <div class="Corporate-box">
                                        <div class="linkman-infoList"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--提示框-->
<div id="position-box" class="alert-prompt-box hide" >
    <div  class="prompt hide" id="prompt-box">
        <div class="error-img">
            <span class="poor">X</span>
        </div>
        <div class="alert-mark">Oops...</div>
        <div class="alert-content">
            <input id="prompt-show-font" value="" style="border: none;text-align: center">
        </div>
        <input type="button" class="button-ok" id="closeBox" value="OK">
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModalOne"  aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content write-box" style="border-radius: 0">
            <div class="modal-header header-one">
                <h6 class="modal-compamy-info">学校信息</h6>
                <div class="model-progress-box">
                    <div class="pro-progress">
                        <div class="select-progress progress-num-one">
                            <span class="progress-number">1</span>
                        </div>
                        <p class="progress-info">学校信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point point-one">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress progress-num-two">
                            <span class="progress-number" style="color:rgb(177, 181, 152);">2</span>
                        </div>
                        <p class="progress-info">相关信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point point-two">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress progress-num-three">
                            <span class="progress-number" style="color:rgb(177, 181, 152);">3</span>
                        </div>
                        <p class="progress-info">管理员信息</p>
                    </div>

                </div>
            </div>
            <div class="modal-header header-two hide">
                <h6 class="modal-compamy-info">相关信息</h6>
                <div class="model-progress-box">
                    <div class="pro-progress">
                        <div class="select-progress progress-num-one">
                            <span class="progress-number">1</span>
                        </div>
                        <p class="progress-info">学校信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress" style="background-color: rgb(143, 220, 252)">
                            <span class="progress-number">2</span>
                        </div>
                        <p class="progress-info">相关信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point point-two">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress progress-num-three">
                            <span class="progress-number" style="color:rgb(177, 181, 152);">3</span>
                        </div>
                        <p class="progress-info">管理员信息</p>
                    </div>

                </div>
            </div>
            <div class="modal-header header-three hide">
                <h6 class="modal-compamy-info">管理员信息</h6>
                <div class="model-progress-box">
                    <div class="pro-progress">
                        <div class="select-progress progress-num-one">
                            <span class="progress-number">1</span>
                        </div>
                        <p class="progress-info">学校信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress" style="background-color: rgb(143, 220, 252)">
                            <span class="progress-number">2</span>
                        </div>
                        <p class="progress-info">相关信息</p>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-point point-two">•••</div>
                        <div class="progress-black"></div>
                    </div>
                    <div class="pro-progress">
                        <div class="select-progress" style="background-color: rgb(143, 220, 252)">
                            <span class="progress-number">3</span>
                        </div>
                        <p class="progress-info">管理员信息</p>
                    </div>

                </div>
            </div>
            <a class="close-box">
                <span class="close-cont" data-dismiss="modal" aria-hidden="true">×</span>
            </a>
            <div class="pro-page">
                <input onclick="lastModal()" class="pro-page-last" type="button" value="上一步">
                <input onclick="nextModal()" class="pro-page-next" type="button" value="下一步">
            </div>
            <div class="compile-text-box subject-one">
                <div class="compile-text-box-left">
                    <div class="write-base-box base-community">
                        <p class="write-base-title">
                            <span class="base-star">*</span>所在社区：
                        </p>
                        <input value="桥西区红旗大街" class="title-value title-value-com" disabled="disabled" type="text">
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title">
                            <span class="base-star">*</span>学校名称：
                        </p>
                        <input value="" class="title-value title-value-name" type="text">
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title com-add">
                            <span class="base-star">*</span>学校所在地：
                        </p>
                        <div class="outer">
                            <select class="prov form-style" name="province" id="province">
                                <option value="请选择">省</option>
                            </select>
                            <select class="city form-style" name="city" id="city">
                                <option value="请选择">城市</option>
                            </select>
                            <select class="dist form-style" name="town" id="town">
                                <option value="请选择">地区</option>
                            </select>
                        </div>
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title">
                            <span class="base-star">*</span>学校地址：
                        </p>
                        <input value="" class="title-value title-value-city" type="text">
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title com-num">
                            <span class="base-star"></span>学校人数：
                        </p>
                        <table class="title-value title-value-num"></table>
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title com-type">
                            <span class="base-star"></span>所学专业：
                        </p>
                        <table class="title-value title-value-city"></table>
                    </div>
                    <div class="write-base-box">
                        <p class="write-base-title">
                            <span class="base-star">*</span>学校性质：
                        </p>
                        <table class="title-value title-value-nature"></table>
                    </div>
                </div>
                <div class="compile-text-box-right">
                    <div class="write-area">
                        <p class="write-base-title com-sy">
                            <span class="base-star">*</span>学校简介：
                        </p>
                        <textarea class="com-sy-area" placeholder="学校介绍:10字-100字"></textarea>
                    </div>
                    <div class="write-logo">
                        <p class="write-base-title com-sy com-sy-cont">
                            <span class="base-star">*</span>学校logo：
                        </p>
                        <div id="logo-container">
                            <input class="input-img-btn" style="padding: 0" accept="image/png,image/gif" type="file"/>
                            <img class="back-img" src="../img/login/title.png" id="img0">
                        </div>
                    </div>
                    <div class="write-logo env-img-box">
                        <p class="write-base-title com-sy com-sy-cont">
                            <span class="base-star">*</span>学校环境图：
                        </p>
                        <div class="sans-box">
                            <div class="reg-company-picFour">
                                <div class="write-arrow">
                                    <a href="javascript:;" id="prev">
                                        <span class="fa fa-angle-left fa-3x pro-arrow">
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div id="container">
                                <div id="list" style="left:0px;">
                                    <div class="pictures-one">
                                        <input class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/school/11920.jpg">
                                    </div>
                                    <div class="pictures-one">
                                        <input  class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/school/20899.jpg">
                                    </div>
                                    <div class="pictures-one">
                                        <input  class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/school/20901.JPG">
                                    </div>
                                    <div class="pictures-one">
                                        <input  class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/school/20903.jpg">
                                    </div>
                                    <div class="pictures-one">
                                        <input  class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/school/20905.jpg">
                                    </div>
                                    <div class="pictures-one">
                                        <input  class="file-path" accept="image/png,image/gif" type="file">
                                        <img class="back-pic" src="../img/password/021.png">
                                    </div>
                                </div>
                            </div>
                            <div class="reg-company-picThree">
                                <div class="write-arrow-right">
                                    <a href="javascript:;" id="next">
                                        <span class="fa fa-angle-right fa-3x pro-arrow">
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="compile-text-box subject-two hide">
                <div class="compile-text-box-left-two">
                    <div class="linkmanModal"></div>
                </div>
                <div class="compile-text-box-right-two">
                    <div class="license-img-area">
                        <p class="second-write-line second-write-name">学校营业执照照片：</p>
                        <div class="Business-license">
                            <div class="Business-license-img-box">
                                <input class="input-img-business" accept="image/png,image/gif" type="file"/>
                                <img class="back-img-business" src="../img/user.png" id="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="compile-text-box subject-three hide">
                <div class="contacts-text-left">
                    <div class="second-write-box second-write-box-first">
                        <p class="second-write-line second-write-line-three">
                            <span class="base-star">*</span>管理员姓名：
                        </p>
                        <input class="second-write-con">
                    </div>
                    <div class="second-write-box">
                        <p class="second-write-line">
                            所学专业：
                        </p>
                        <input class="second-write-con">
                    </div>
                </div>
                <div class="contacts-text-right">
                    <div class="second-write-box second-write-box-first">
                        <p class="second-write-line second-write-phone">
                            固定电话：
                        </p>
                        <input class="second-write-con">
                    </div>
                    <div class="second-write-box">
                        <p class="second-write-line second-write-phone">
                            管理员邮箱：
                        </p>
                        <input class="second-write-con">
                    </div>
                </div>
            </div>



            <!--<div class="modal-footer">-->

            <!--</div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--绑定手机弹框-->
<div class="modal fade" id="changePhone" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content changePhone-box" style="border-radius: 0">
            <div class="phone-title-box">
                <h6 class="modal-phone-font">绑定手机号修改</h6>
            </div>
            <a class="close-box">
                <span class="close-cont" data-dismiss="modal" aria-hidden="true">×</span>
            </a>
            <div class="phone-modal-box">
                <div class="phoneModal-list"></div>
            </div>
            <div class="conf-change-box">
                <input type="button" class="conf-change-btn" value="确认修改">
            </div>
        </div>
    </div>
</div>
<!--左侧-->
<script type="text/text/x-jquery-tmpl" id="leftList">
       <div id="leftBar">
           {{each(i,content) leftList.content}}
           {{if (window.location.pathname).split("/")[3] == content.href.split("/")[5]}}
                <a class="left-selected" href="${content.href}" style="display:">
                    <span class="left-line"></span>
                    <img class="left-icon" src="${content.src[1]}" alt="${content.alt}">
                    ${content.changeData}
                </a>
           {{else}}
                <a class="left-select" href="${content.href}">
                    <img class="left-icon" src="${content.src[0]}" alt="${content.alt}">
                    ${content.changeData}
                </a>
           {{/if}}
           {{/each}}
        </div>
    </script>
<!--主页学校信息框-->
<script type="text/text/x-jquery-tmpl" id="homeCompany-list">
         {{each(i,companyData) infoList.companyData}}
         {{if i == 2}}
            <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info" style="width:19.6%">${companyData.infoName}</span>
                    <p class="company-info-show company-info-name">${companyData.info}</p>
                </div>
            </div>
         {{else}}
            <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info">${companyData.infoName}</span>
                    <p class="company-info-show company-info-name">${companyData.info}</p>
                </div>
            </div>
         {{/if}}
         {{/each}}
    </script>
<!--相关信息框-->
<script type="text/text/x-jquery-tmpl" id="homeLegal-list">
        {{each(i,legalData) infoList.legalData}}
        {{if i != 0}}
            <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info" style="width: 28.6%">${legalData.infoName}</span>
                    <p class="company-info-show company-info-name" style="margin-left:46px">${legalData.info}</p>
                </div>
            </div>
        {{else}}
            <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info">${legalData.infoName}</span>
                    <p class="company-info-show company-info-name">${legalData.info}</p>
                </div>
            </div>
        {{/if}}
        {{/each}}
    </script>
<!--管理员信息框-->
<script type="text/text/x-jquery-tmpl" id="homeLinkman-list">
        {{each(i,linkmanData) infoList.linkmanData}}
           {{if i != 3}}
                <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info" style="width:19.6%">${linkmanData.infoName}</span>
                    <p class="company-info-show company-info-name">${linkmanData.info}</p>
                </div>
           </div>
           {{else}}
                <div class="show-company-box">
                <div class="show-company-cont">
                    <span class="company-info">${linkmanData.infoName}</span>
                    <p class="company-info-show company-info-name" style="">${linkmanData.info}</p>
                    <button class="change-phone" data-toggle="modal" data-target="#changePhone">修改</button>
                </div>
                </div>
           {{/if}}
        {{/each}}
    </script>
<!--绑定手机弹框-->
<script type="text/text/x-jquery-tmpl" id="homePhoneModal-list">
         {{each(i,phoneModalData) infoList.phoneModalData}}
         {{if i == 0}}
              <div class="phone-line phone-modal-box-first">
                <p class="phone-line-title">${phoneModalData.infoName}</p>
                <input class="phone-line-font" value="${phoneModalData.info}">
              </div>
         {{else i == 2}}
              <div class="phone-line">
                <p class="phone-line-title">${phoneModalData.infoName}</p>
                <input class="phone-line-font checkCode" placeholder="短信验证码">
                <input class="get-checkCode" id="btnSendCode" type="button" value="获取短信验证码">
              </div>
         {{else}}
              <div class="phone-line">
                <p class="phone-line-title">${phoneModalData.infoName}</p>
                <input class="phone-line-font" value="${phoneModalData.info}">
              </div>
         {{/if}}
         {{/each}}
    </script>

<!--模态框相关信息框-->
<script type="text/text/x-jquery-tmpl" id="homeLinkModal-list">
         {{each(i,linkmanModalData) infoList.linkmanModalData}}
         {{if i==0}}
            <div class="second-write-box second-write-box-first">
            <p class="second-write-line">${linkmanModalData.infoName}</p>
            <input class="second-write-con" value="${linkmanModalData.info}">
            </div>
         {{else}}
            <div class="second-write-box">
            <p class="second-write-line">${linkmanModalData.infoName}</p>
            <input class="second-write-con" value="${linkmanModalData.info}">
            </div>
         {{/if}}
         {{/each}}
    </script>
<script type="text/html" id="people-num">
    <select name="peopleNum" class="total-select">
        <option value selected disabled class="hide">请选择</option>
        {{each(i,numberList) content.numberList}}
        <option value="${numberList}">${numberList}</option>
        {{/each}}
    </select>
</script>
<script type="text/html" id="company-type">
    <select name="companyType-judge" class="total-select">
        <option value selected disabled class="hide">请选择</option>
        {{each(i,companyType) content.companyType}}
        <option value="${companyType}">${companyType}</option>
        {{/each}}
    </select>
</script>
<script type="text/html" id="company-nature">
    <select name="companyNature-judge" class="total-select">
        <option value selected disabled class="hide">请选择</option>
        {{each(i,companyNature) content.companyNature}}
        <option value="${companyNature}">${companyNature}</option>
        {{/each}}
    </select>
</script>

<script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../lib/template/template.js"></script>
<script type="text/javascript" src="../database/modalData.js"></script>
<script type="text/javascript" src="../database/homeData.js"></script>
<script type="text/javascript" src="../js/control/home/scrollImg.js"></script>
<script src="../lib/address/area.js"></script>
<script src="../lib/address/select.js"></script>
</body>
</html>